<template>
  <!--
        作者：1550495493@qq.com
        时间：2019-07-24
        描述：门户登录
    -->
  <div class="Login">
    <div id="insitute-menu">
      <router-link to='/index'>
        <img src="../../images/home/logo.png" class="logo-img fl">
      </router-link>
    </div>
    <section id="Login" class="section-box">
      <form id="forgetForm">
        <div class="login-nav">
          <div class="login-box fr">
            <p>找回密码</p>
            <div>
              <input name="userAccount" autocomplete='off' id="userAccount" class="input-box"  type="text" placeholder="请输入身份证号码" />
              <div class="user-img">
                <img src="../../images/forgetPassword/idCard.png" />
              </div>
            </div>
            <div>
              <input name="receiver" id="receiver" class="input-box phone" type="text" placeholder="请输入手机号码"/>
              <div class="user-img">
                <img src="../../images/forgetPassword/phone.png" />
              </div>
              <span class="send-message" v-if="!countDownTime" @click="sendVerificationCode()">发送验证码</span>
              <span class="count-down" v-if="countDownTime">重新发送({{countDownTime}})s</span>
            </div>
            <div>
              <input name="verification" id="verification" class="input-box" type="text" placeholder="请输入验证码" />
              <div class="user-img">
                <img src="../../images/forgetPassword/verificationCode.png" />
              </div>
            </div>
            <div>
            	<input type="text" style="display: none;">
              <input name="userPassword" id="userPassword" class="input-box" type="password" placeholder="请输入新密码"/>
              <div class="user-img">
                <img src="../../images/forgetPassword/password.png" />
              </div>
            </div>
            <div>
              <input name="userPassword2" id="userPassword2" class="input-box" type="password" placeholder="请确认新密码"/>
              <div class="user-img">
                <img src="../../images/forgetPassword/password.png" />
              </div>

            </div>

            <input  class="input-box-btn" @click="subForm" type="button" value="提交" />
            <p class="Forgot-password">
              <router-link to='/login'><a>立即登录</a></router-link>
            </p>
          </div>
        </div>
      </form>
    </section>
    <footer>
      <p>Copyright© 2005 西南大学新农村发展研究院　All rights reserved. 网站备案号：渝ICP备05000267 站长信箱：ADMIN@CRIC.CN</p>
    </footer>
  </div>
</template>
<script src="./forgetPassword.js"></script>

<style scoped>
  @import "forgetPassword.css"
</style>
